
/* flex居中 */
.flexCenterX{
    display: flex;
    justify-content: center;
}

.flexCenterY{
    display: flex;
    align-items: center;
}
.flexCenter{
    display: flex;
    align-items: center;
    justify-content: center;
}



/* 百分比 */
.w50{
	width: 50%;
}
.w25{
	width: 25%;
}
.w20{
	width: 20%;
}
.w33{
	width: 33.333333%;
}


/* 浮动 */
.fl{
	float: left;
}
.fr{
	float: right;
}

/* 显示隐藏 */
.db{
	display: block !important;
}
.dn{
	display: none;
}


/* 文字对齐方式 */
.textC{
    text-align: center;
}
.textL{
    text-align: left;
}
.textR{
    text-align: right;
}


/* 绝对定位 */
.poR{
    position: relative;
}
.poA{
    position: absolute;
}
.poCenter{
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translateX(-50%) translateY(-50%);
}
.poH{
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}
.poX{
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
}
